<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        // 创建一个web worker
        // path: 指向 worker.js 文件,options: 传递给 worker.js 的参数
        /**
         * path有效的js脚本的地址，必须遵守同源策略。无效的js地址或者违反同源策略，会抛出SECURITY_ERR 类型错误
         * options.type可选，用以指定 worker 类型。该值可以是 classic 或 module。 如未指定，将使用默认值 classic
         * options.credentials可选，用以指定 worker 凭证。该值可以是 omit, same-origin，或 include。如果未指定，或者 type 是 classic，将使用默认值 omit (不要求凭证)
         * options.name可选，在 多个的情况下，用来表示 worker 的 scope 的一个 DOMString 值，主要用于调试目的。
         * **/
        const worker = new Worker('./worker1.js',{name:'worker1'});
        console.log('%c [ worker ]-20', 'font-size:13px; background:pink; color:#bf2c9f;', worker)

        // 向worker发送消息
        worker.postMessage('hello');

        // 监听worker返回的消息,两种监听都可以
        // worker.addEventListener('message',(e)=> {})
        worker.onmessage = function(event){
            console.log(event.data);
        }

    </script>
    
</body>
</html>